<%@page contentType="text/html" pageEncoding="windows-1252"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script>
            $(document)
            .ready(
            function() {
                $("button")
                .click(
                function() {
                    $
                    .ajax({
                        url : 'http://localhost:8080/Reniec-server/rest/Reniec/ciudadano/'
                            + $("#dni")
                        .val(),
                        type : 'GET',
                        success : function(data) {
                            if (data != "") {
                                $("#nombres")
                                .html(
                                data.nombres);
                                $("#apellidos")
                                .html(
                                data.apellidos);
                                $("#domicilio")
                                .html(
                                data.domicilio);
                                $("#fechNac")
                                .html(
                                data.fechaNacimiento);
                                $("#estCivil")
                                .html(
                                data.estadoCivil);
                                $("#sexo")
                                .html(
                                data.sexo);
                            }
                        },
                        error : function(data) {
                            alert("Ingrese un Numero de dni valido");
                        }
                    });
                });
            });
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
            <!--
            body {
                background-image: url(planet.jpg);
            }
            .style2 {font-weight: bold}
            .style6 {font-weight: bold}
            .style8 {color: #FFFFFF}
            -->
        </style></head>
    <body>

        <div class="style8"
             margin-left: 120px; margin-right: 120px">
             <br />
            <h3 align="center" style="margin-left: 260px;">
                <strong>Consulta Reniec</strong>		</h3>
            <p />
            <div class="style6" style="margin-left: 180px;">
                <div align="center">DNI:
                    <input id="dni" type="text" maxlength="8" />
                    <button>Consultar</button>
                </div>
            </div>
            <p align="center" />
            <div class="style2" style="margin-left: 180px;">
                <div align="left">Nombres:&nbsp;&nbsp; <br />
		    Apellidos: <br /> 
		    Domicilio:
                    <br />
		    Fecha de Nacimiento: <br /> 
	        Estado Civil: <br /> 
	        Sexo:
                    <br />
                </div>
                <p align="center" />
            </div>
        </div>

        <form action="ServletServicios" method="post" class="style8">
            <h3 align="center"><strong>Consulta de Antecedentes Policiales <br />
                    <br />

                    <!-- Para antecedentes -->
                </strong>	  </h3>
            <table width="306" border="0" align="center">
                <tr>
                    <td width="144"><strong>Nombre:
                            <input type="text" name="nombre">
                        </strong></td>
                    <td width="152"><strong>Apellido:
                            <input type="text" name="apellido">
                        </strong></td>
                </tr>
                <tr>
                    <td colspan="2" align="center"><strong>
                            <input type="submit"
                                   value="Consultar" />
                        </strong></td>
                </tr>
            </table>
            <strong>
                <c:if test="${mensaje != ''}">	    </c:if>
            </strong>
            <strong>
                <c:if test="${mensaje != ''}"></c:if>
            </strong>
            <c:if test="${mensaje != ''}"><table width="279" border="0" align="center">
                    <tr>
                        <td width="235" align="center"><strong>${mensaje}</strong></td>
                    </tr>
                </table>
            </c:if>
            <strong><br>
                <c:if test="${!empty antecedentes}">	    </c:if>
            </strong>
            <strong>
                <c:if test="${!empty antecedentes}"></c:if>
            </strong>
            <c:if test="${!empty antecedentes}"><table border="1" align="center" bordercolor="#FF0000">
                    <tr>
                        <td><strong>Incidencia</strong></td>
                        <td><strong>Fecha</strong></td>
                    </tr>

                    <c:forEach items="${antecedentes}" var="obj">
                        <tr>
                            <td><strong>${obj.incidencia}</strong></td>
                            <td><strong>${obj.fechaIncidencia}</strong></td>
                        </tr>
                    </c:forEach>


                </table>
            </c:if>
        </form>
    </body>
</html>